/**
 * Created by .
 * User: asmirnov
 * Date: 21.06.11
 * Time: 16:09
 * To change this template use File | Settings | File Templates.
 */


/*будем делать карусель на прототайпе*/

document.observe("dom:loaded", function() {




    arraY = $$('#carousel img');
    arraY.invoke('hide');
    arraY[0].show();

    var q = arraY.size();
    i = 0;
    arraY.each(function(item) {
//        alert(item.src);
        i++;


        //item.spn = '<a href="#" class="a_counter"><span>' + i + '</span></a>';
        var a = new Element('a', {'id': 'go_' + i,'class': 'a_counter', href: '#' }).update(i);

        $('carousel_counter').insert(a)

    });
    arraYA = $('carousel_counter').select('a');


    arraYA.each(function(item) {
        Event.observe(item, 'click', function(event) {
//                alert(arraYA.indexOf(item));
            showCustom(arraYA.indexOf(item));
        });
    });
    function showCustom(index) {
        arraY.invoke('hide');
        arraY[index].show();
    }
//    function showNext(index) {
//        arraY.invoke('hide');
//        arraY[index].show();
//    }

});
